﻿ <!DOCTYPE html>
<html lang="zxx">

 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>impression</title>
     <meta name="robots" content="noindex, follow" />
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- Favicon -->
     <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico" />

     <link rel="stylesheet" th:href="@{/assets/css/vendor/bootstrap.min.css}" />
     <link rel="stylesheet" th:href="@{/assets/css/vendor/icofont.min.css}" />
     <link rel="stylesheet" th:href="@{/assets/css/plugins/animate.css}">
     <link rel="stylesheet" th:href="@{/assets/css/plugins/swiper-bundle.min.css}">
     <link rel="stylesheet" th:href="@{/assets/css/plugins/nice-select.css}">
     <link rel="stylesheet" th:href="@{/assets/css/plugins/venobox.min.css}" />
     <link rel="stylesheet" th:href="@{/assets/css/style.css}">
     <!--        <link rel="stylesheet" th:href="@{/assets/css/typo.css}">-->
     <link rel="stylesheet" th:href="@{/assets/prism/prism.css}">

 </head>


<body>

    <main class="main-wrapper">
        <!-- .....:::::: Start Header Section :::::.... -->
        <header class="header-section sticky-header d-none d-lg-block">
            <div class="header-wrapper">
                <div class="container">
                    <div class="row justify-content-between align-items-center">
                        <div class="col">
                            <!-- Start Header Logo -->
                            <a href="index.html" class="header-logo">
                                <img src="assets/images/logo/logo.png" alt="">
                            </a>
                            <!-- End Header Logo -->
                        </div>
                        <div class="col-auto">
                            <!-- Start Header Menu -->
                            <ul class="header-nav">
                                <li><a th:href="@{/index}">首页</a></li>
                                <li class="has-dropdown">
                                    <a th:href="@{/skill}">我的技能</a>
                                </li>
                                <li class="has-dropdown">
                                    <a th:href="@{/blog}">博客</a>
                                </li>
                                <li><a th:href="@{/project}">项目</a></li>
                                <li class="has-dropdown">
                                    <a href="#">其它</a>
                                    <ul class="submenu">
                                        <li><a th:href="@{/about}">关于我</a></li>
                                        <li><a th:href="@{/contact}">联系我</a></li>
                                    </ul>
                                </li>
                            </ul>

                            <!-- End Header Menu -->
                        </div>

                        <div class="col">
                            <div class="header-btn-link text-end">
                                <a th:href="@{about}" class="btn btn-sm btn-outline-one icon-space-left"> About Me <i class="icofont-double-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- .....:::::: End Header Section :::::.... -->

        <!-- .....:::::: Start Mobile Header Section :::::.... -->
        <div class="mobile-header d-block d-lg-none">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col">
                        <div class="mobile-logo">
                            <a href="index.html"><img src="assets/images/logo/logo.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col">
                        <div class="mobile-action-link text-end">
                            <a href="#mobile-menu-offcanvas" class="offcanvas-toggle offside-menu"><i class="icofont-navigation-menu"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: Start MobileHeader Section :::::.... -->

        <!--  Start Offcanvas Mobile Menu Section -->
        <div id="mobile-menu-offcanvas" class="offcanvas offcanvas-rightside offcanvas-mobile-menu-section">
            <!-- Start Offcanvas Header -->
            <div class="offcanvas-header text-right">
                <button class="offcanvas-close"><i class="icofont-close-line"></i></button>
            </div> <!-- End Offcanvas Header -->
            <!-- Start Offcanvas Mobile Menu Wrapper -->
            <div class="offcanvas-mobile-menu-wrapper">
                <!-- Start Mobile Menu  -->
                <div class="mobile-menu-bottom">
                    <!-- Start Mobile Menu Nav -->
                    <div class="offcanvas-menu">
                        <ul>

                            <li><a th:href="@{/index}">首页</a></li>

                            <li>
                                <a th:href="@{skill}"><span>技能</span></a>

                            </li>
                            <li>
                                <a th:href="@{blog}" href="#"><span>博客</span></a>
                            </li>
                            <li><a th:href="@{/project}">项目</a></li>
                            <li>
                                <a th:href="@{about}"><span>关于我</span></a>
                            </li>
                        </ul>
                    </div> <!-- End Mobile Menu Nav -->

                </div> <!-- End Mobile Menu -->

                <!-- Start Mobile contact Info -->
                <div class="mobile-contact-info text-center">
                    <ul class="social-link">
                        <li><a target="_blank" href="https://example.com"><i class="icofont-facebook"></i></a>
                        </li>
                        <li><a target="_blank" href="https://example.com"><i class="icofont-twitter"></i></a>
                        </li>
                        <li><a target="_blank" href="https://example.com"><i class="icofont-skype"></i></a></li>
                    </ul>
                </div>
                <!-- End Mobile contact Info -->

            </div> <!-- End Offcanvas Mobile Menu Wrapper -->
        </div>
        <!-- ...:::: End Offcanvas Mobile Menu Section:::... -->

        <!-- Offcanvas Overlay -->
        <div class="offcanvas-overlay"></div>

        <!-- ...::: Start Breadcrumb Section :::... -->
        <div class="breadcrumb-section section-bg overflow-hidden pos-relative">
            <div class="breadcrumb-shape-top-left"></div>
            <div class="breadcrumb-shape-bottom-right"></div>
            <div class="breadcrumb-box">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="breadcrumb-content">
                                <h2 class="title">关于我</h2>
                                <ul class="breadcrumb-link">
                                    <li><a th:href="@{/index}">首页</a></li>
                                    <li class="active" aria-current="page">关于我</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ...::: End Breadcrumb Section :::... -->

        <!-- ...::: Start Vider Info Display Section :::... -->
        <div class="video-info-display-section section-gap-tb-165">
            <div class="video-info-display-box">
                <div class="container">
                    <div class="video-info-display-wrapper">
                        <div class="row align-items-center">
                            <div class="col-xl-5 col-lg-6 col-md-6 col-sm-8 col-10 offset-1 offset-sm-2 offset-md-3 offset-lg-0">
                                <div class="video-card">
                                    <a class="wave-btn" href="https://youtu.be/MKjhBO2xQzg" data-autoplay="true" data-vbtype="video">
                                        <div class="ripple"><i class="icofont-ui-play"></i></div>
                                    </a>

                                    <a href="#" class="btn btn-xl btn-outline-one icon-space-left">获取我的简历<i class="icofont-download"></i></a>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-8 offset-md-2 offset-lg-0 offset-xl-1">
                                <div class="video-info-content">
                                    <h2 class="title">我是🐻</h2>

                                    <h3 class="sub-title">

                                    </h3>

                                    <p>一名即将专科毕业的大三实习生，目前在福建省厦门市最🐮皮的电子厂实习（准备提桶跑路），我的人生格言是：肝到死 </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ...::: End Vider Info Display Section :::... -->

        <!-- ...::: Start Resume Info Display Section :::... -->
        <div class="resume-info-display-section  section-gap-tb-165 section-bg">
            <div class="resume-info-display-box">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <ul class="resume-tab nav">
                                <li class="nav-item">
                                    <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#education-tab">教育经历</button>
                                </li>
                                <li class="nav-item">
                                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#experience-tab">人生经历</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="resume-info-display-wrapper">
                        <div class="row">
                            <div class="col-12">
                                <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane fade show active" id="education-tab" role="tabpanel">
                                        <ul class="resume-list">
                                            <!-- Start Resume Tab List Single Item -->
                                            <li class="resume-tab-list-single-item">
                                                <div class="content">
                                                    <div class="left">
                                                        <span class="year">2006 - 2012</span>
                                                    </div>
                                                    <div class="right">
                                                        <h3 class="title">小学 </h3>
                                                        <span class="institute-name">郑州市金水区丰庆路小学</span>
                                                        <p>在这里度过了小学生涯，从学霸蜕变为一个学渣的过程</p>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- End Resume Tab List Single Item -->
                                            <!-- Start Resume Tab List Single Item -->
                                            <li class="resume-tab-list-single-item">
                                                <div class="content">
                                                    <div class="left">
                                                        <span class="year">2012 - 2014</span>
                                                    </div>
                                                    <div class="right">
                                                        <h3 class="title">初中 </h3>
                                                        <span class="institute-name">郑州市第七十七中学</span>
                                                        <p>在这里的两年初中生涯，因经常旷课上网并厌学，导致提前辍学毕业，过早成为一名社会人。</p>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- End Resume Tab List Single Item -->
                                            <!-- Start Resume Tab List Single Item -->
                                            <li class="resume-tab-list-single-item">
                                                <div class="content">
                                                    <div class="left">
                                                        <span class="year">2017 - 2021</span>
                                                    </div>
                                                    <div class="right">
                                                        <h3 class="title">中专、大学（专科）</h3>
                                                        <span class="institute-name">郑州电力职业技术学院</span>
                                                        <p> 在混了几年社会之后发现没有什么成效，最后被我👨的一部手机给骗取上学了，在这里度过了将近五年的学习生涯，也可以说是混了五年。但也不是什么也没学到。。。 </p>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- End Resume Tab List Single Item -->


                                        </ul>
                                    </div>
                                    <div class="tab-pane fade" id="experience-tab" role="tabpanel">
                                        <ul class="resume-list">
                                            <!-- Start Resume Tab List Single Item -->
                                            <li class="resume-tab-list-single-item">
                                                <div class="content">
                                                    <div class="left">
                                                        <span class="year">2016-9-27 - 2017-1-1</span>
                                                    </div>
                                                    <div class="right">
                                                        <h3 class="title">厂仔生活</h3>
                                                        <span class="institute-name">江苏常州某家具厂</span>
                                                        <p> 在14年辍学的几经周转之后，经家人介绍来到了表叔经营的一家家具厂，在这里度过了三个月的魔鬼体力劳动，
                                                            也算是吃了一些苦头，不过工资也确实挺低的（就这还是亲戚呢），累死累活三个月才9k。。 </p>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- End Resume Tab List Single Item -->
                                            <!-- Start Resume Tab List Single Item -->
                                            <li class="resume-tab-list-single-item">
                                                <div class="content">
                                                    <div class="left">
                                                        <span class="year">2021-8-2 - 至今</span>
                                                    </div>
                                                    <div class="right">
                                                        <h3 class="title">厂仔人生</h3>
                                                        <span class="institute-name">厦门宸鸿科技没下限公司</span>
                                                        <p> 大三毕业实习的一家血汗工厂，一天>=10小时的流水线工作。掏空灵魂，磨灭意志。烂到没啥可讲的 </p>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- End Resume Tab List Single Item -->
                                            <!-- Start Resume Tab List Single Item -->
                                            <li class="resume-tab-list-single-item">
                                                <div class="content">
                                                    <div class="left">
                                                        <span class="year">2021年后。。</span>
                                                    </div>
                                                    <div class="right">
                                                        <h3 class="title">待定</h3>
                                                        <span class="institute-name">或许是某某公司呢</span>
                                                        <p> 期待有一天能在喜欢的地方工作生活 </p>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- End Resume Tab List Single Item -->
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ...::: End Resume Info Display Section :::... -->



        <!-- ...::: Start Company Logo Display Section :::... -->
<!--        <div class="company-logo-display    section-gap-tb-165">-->
<!--            <div class="company-logo-display-box">-->
<!--                <div class="container">-->
<!--                    <div class="row">-->
<!--                        <div class="col">-->
<!--                            &lt;!&ndash; Start Section Content &ndash;&gt;-->
<!--                            <div class="section-content pos-relative">-->
<!--                                <span class="section-tag">Favourite Clients</span>-->
<!--                                <h2 class="section-title">Work With Trusted Comapny.</h2>-->
<!--                            </div>-->
<!--                            &lt;!&ndash; End Section Content &ndash;&gt;-->
<!--                        </div>-->
<!--                    </div>-->

<!--                    <div class="company-logo-display-wrapper">-->
<!--                        <div class="row">-->
<!--                            <div class="col">-->
<!--                                <div class="company-logo-display-slider">-->
<!--                                    &lt;!&ndash; Slider main container &ndash;&gt;-->
<!--                                    <div class="swiper-container">-->
<!--                                        &lt;!&ndash; Additional required wrapper &ndash;&gt;-->
<!--                                        <div class="swiper-wrapper">-->
<!--                                            &lt;!&ndash; Start Company Logo Slider Single Item &ndash;&gt;-->
<!--                                            <div class="company-logo-single-item swiper-slide">-->
<!--                                                <a href="#" class="image">-->
<!--                                                    <img src="assets/images/company-logo/company-logo-1.png" alt="">-->
<!--                                                    <img src="assets/images/company-logo/1.png" alt="">-->
<!--                                                </a>-->
<!--                                            </div>-->
<!--                                            &lt;!&ndash; End Company Logo Slider Single Item &ndash;&gt;-->
<!--                                            &lt;!&ndash; Start Company Logo Slider Single Item &ndash;&gt;-->
<!--                                            <div class="company-logo-single-item swiper-slide">-->
<!--                                                <a href="#" class="image">-->
<!--                                                    <img src="assets/images/company-logo/company-logo-2.png" alt="">-->
<!--                                                    <img src="assets/images/company-logo/2.png" alt="">-->
<!--                                                </a>-->
<!--                                            </div>-->
<!--                                            &lt;!&ndash; End Company Logo Slider Single Item &ndash;&gt;-->
<!--                                            &lt;!&ndash; Start Company Logo Slider Single Item &ndash;&gt;-->
<!--                                            <div class="company-logo-single-item swiper-slide">-->
<!--                                                <a href="#" class="image">-->
<!--                                                    <img src="assets/images/company-logo/company-logo-3.png" alt="">-->
<!--                                                    <img src="assets/images/company-logo/3.png" alt="">-->
<!--                                                </a>-->
<!--                                            </div>-->
<!--                                            &lt;!&ndash; End Company Logo Slider Single Item &ndash;&gt;-->
<!--                                            &lt;!&ndash; Start Company Logo Slider Single Item &ndash;&gt;-->
<!--                                            <div class="company-logo-single-item swiper-slide">-->
<!--                                                <a href="#" class="image">-->
<!--                                                    <img src="assets/images/company-logo/company-logo-4.png" alt="">-->
<!--                                                    <img src="assets/images/company-logo/4.png" alt="">-->
<!--                                                </a>-->
<!--                                            </div>-->
<!--                                            &lt;!&ndash; End Company Logo Slider Single Item &ndash;&gt;-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
        <!-- ...::: End Company Logo Display Section :::... -->

        <span th:replace="~{common::footer}"></span>

        <!-- material-scrolltop button -->
        <button class="material-scrolltop" type="button"></button>
    </main>

    <!-- Global Vendor, plugins JS -->

    <!-- JS Files
    ============================================ -->
    <!-- Global Vendor, plugins JS -->

    <!-- Vendor JS -->
    <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
    <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
    <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>

    <!--Plugins JS-->
    <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/jquery.appear.min.js"></script>
    <script src="assets/js/plugins/jquery.nice-select.js"></script>
    <script src="assets/js/plugins/venobox.min.js"></script>
    <script src="assets/js/plugins/jquery.waypoints.js"></script>
    <script src="assets/js/plugins/images-loaded.min.js"></script>
    <script src="assets/js/plugins/isotope.pkgd.min.js"></script>
    <script src="assets/js/plugins/counter.js"></script>
    <script src="assets/js/plugins/ajax-mail.js"></script>
    <script src="assets/js/plugins/material-scrolltop.js"></script>

    <!-- Minify Version -->
    <!-- <script src="assets/js/vendor.min.js"></script>
    <script src="assets/js/plugins.min.js"></script> -->

    <!--Main JS (Common Activation Codes)-->
    <script src="assets/js/main.js"></script>

</body>

</html>
